* {
  box-sizing: border-box;
}

html,
body,
#root {
  width: 100vw;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

body {
  color: white;
  user-select: none;
}
.allBg{
  /* background: url('/public/bg.jpg') 100% 100% no-repeat; */
  height: 100%;
  width: 100%;
}
.allBg>img{
  position: fixed;
  width: 100%;
  height: 100%;
}
.annotation{
  font-size: 8px;
  line-height: 34px;
  text-align: center;
  width: 90px;
  height: 40px;
}
.annotation>div:nth-child(1){
position: absolute;
top: 0;
left: 0;
  background: url('/public/nameBg.png') no-repeat;
  background-size: 100%;
  width: 90px;
  height: 40px;
  opacity: 0.6;
}
.annotation>div:nth-child(2){
  position: absolute;
top: 0;
left: 0;width: 90px;
height: 40px;
}
.HandT{
  font-size: 24px;
  width:300px;
  height: 300px;
  padding-left: 120px;
  position: relative;
}
.HandT>div:nth-child(1){

  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 300px;
  height: 300px;
}
.HandT>div:nth-child(2){
  font-size: 26px;
  color: rgb(244, 233, 186);
  
}
.T{
  background-image: url('/public/TBg.png');

}
.H{
  background-image: url('/public/HBg.png');
}

@keyframes rote360 {
  from{}
  to{
 transform: rotateZ(-360deg);
 }
}
@keyframes opacity0 {
  
	0%   {opacity:1;}
	50%   {opacity:0;}
	100%   {opacity:1;}
}
.safe{
  animation: rote360 2s linear infinite;
}

.safe3{
  width: 220px;
  height: 220px;
  position: relative;
  font-size: 26px;
  text-align: center;
  opacity: 1;
  
  animation: opacity0 2s infinite;
}
.safe3>div:nth-child(1){
  background-image: url('/public/SAFE3.png');

  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: -1;
  width: 220px;
  height: 220px;
}
.Cctv{
  width: 152px;
  height: 160px;
  position: relative;
  font-size: 26px;
  text-align: center;
}
.Cctv>div:nth-child(1){
  background-image: url('/public/CCTV.png');

  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: -1;
  width: 152px;
  height: 160px;
}